このHTMLファイルでは、キャンバス上にスポットライトによるボリュームライト効果を描画しています。 主な機能 マウスの位置に合わせてスポットライトが移動します スライダーで以下のパラメータを調整できます: 光の強さ(intensity) ボリュームの密度(光線の数) スポットライトの角度 光の色(カラーピッカーで変更可能) 技術的なポイント Canvas APIを使用して光線を描画しています 各光線はランダムな角度と透明度を持ち、自然なボリューム効果を生み出します 線形グラデーションを使用して光線の減衰効果を表現しています 放射状グラデーションで光源のグロー効果を表現しています requestAnimationFrameを使用して滑らかなアニメーションを実現しています